<!DOCTYPE html>
<html>
<head>
    <title>督察问题标准表</title>
    <#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/standard.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/index.css">
    <script src="${request.contextPath}/statics/plugins/element/index.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="flex-box">
        <div class="left-box">
            <div class="padding-box">
                <div class="left-kind-box">
                    <div class="left-kind-top">
                        <h4 class="kind-title">督察大类
                            <button type="button" class="btn btn-submit btn-jcx" style="float: right"
                                    @click="getAddFirstKindData">新增
                            </button>
                        </h4>

                        <ul class="first-kind-list clearfix">
                            <li class="first-kind-item" :class="{'active':!index}" @click="selectFirstKind(index)"
                                v-for="(firstKind , index) in firstKindData" :key="firstKind.id">{{firstKind.yjmlmc}}
                            </li>
                        </ul>
                    </div>
                    <div class="left-kind-middle">
                        <p class="second-kind-title"><i class="fa fa-list" style="margin-right: 20px"></i> 所有小类</p>
                        <ul class="second-kind-list">
                            <li class="second-kind-item" :class="{'active':!index}" @click="selectSecondKind(index)"
                                v-for="(secondKind , index) in secondKindData" :key="secondKind.id"><i
                                    class="fa fa-list" style="margin-right: 20px"></i>{{secondKind.ejmlmc}}
                            </li>
                        </ul>
                    </div>
                    <div class="left-kind-bottom">
                        <span class="add-left-kind" @click="addSecondKind"><i class="fa fa-plus"></i> </span>
                    </div>
                </div>
                <div class="left-form-box" v-if="secondAddShowFlag">
                    <h4 class="center-form-title clearfix">新增小类
                        <!--<label class="sfgxmb" for="sfgxmb1" @change="updateTpl('1')" style="float: right"><input id="sfgxmb1" type="checkbox" >是否更新模板</label>--></h4>
                    <ul class="center-form-list" :data="addSecondKindDetailData">
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">内容：</label>
                            <div class="center-form-content">
                                <textarea class="center-nr" @change="getRightContent"
                                          v-model="secondKindSubmitForm.questionDescription"></textarea>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">编号：</label>
                            <div class="center-form-content">
                                <span class="center-bh">{{addSecondKindDetailData.code}}</span><span
                                    class="center-form-tag form-tag">系统分配</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">创建时间：</label>
                            <div class="center-form-content">
                                <span class="center-cjsj">{{addSecondKindDetailData.createTime | formatterTime}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">创建单位：</label>
                            <div class="center-form-content">
                                <span class="center-cjdw">{{addSecondKindDetailData.deptName}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">标准级别：</label>
                            <div class="center-form-content">
                                <span class="center-bzjb">{{addSecondKindDetailData.deptLevel}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">状态：</label>
                            <div class="center-form-content">
                                <span class="center-zt">默认启动</span>
                            </div>
                        </li>
                    </ul>
                    <p class="center-form-btn-box">
                        <button type="button" class="btn btn-cancel btn-zl" @click="cancelSecondAdd">取消</button>
                        <button type="button" class="btn btn-submit add-zl" @click="saveSecondKind">确认</button>
                    </p>
                </div>
            </div>
        </div>
        <div class="center-box">
            <div class="padding-box">
                <div class="center-kind-box">
                    <div class="center-kind-top">
                        <h4 class="kind-title">督察子类</h4>
                        <p class="center-kind-title" v-model="centerKindData"><i class="fa fa-list"
                                                                                 style="margin-right: 20px"></i>所有子类</p>
                        <ul class="center-kind-list">
                            <li class="center-kind-item" :class="{'active':!index}" @click="selectCenterKind(index)"
                                v-for="(centerKind , index) in centerKindData" :key="centerKind.id">
                                <div class="center-kind-item-box">
                                    <span class="center-kind-left">
                                        <el-switch
                                                v-model="switchValue"
                                                active-color="#13ce66"
                                                inactive-color="#ff4949"
                                                disabled>
                                      </el-switch>
                                    </span>
                                    <span class="center-kind-center">
                                        <span class="center-kind-title"><label class="center-kind-item-reason">{{centerKind.sjmlmc}}</label></span>
                                        <span class="center-kind-title"><span>编号：</span><span
                                                class="center-kind-item-no">{{centerKind.sbdm}}</span></span>
                                        <span class="center-kind-title"><span class="center-kind-item-time">{{centerKind.createTime | formatterTime}}</span><span>创建</span><span>共</span><span
                                                class="center-kind-item-num">{{centerKind.childrenNum}}</span>个检查项</span>
                                    </span>
                                    <span class="center-kind-right">
                                        <span class="center-kind-tag">{{centerKind.bLevel | formatterBLevel}}</span>
                                    </span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="center-kind-bottom">
                        <span class="add-center-kind" @click="addCenterKind"><i class="fa fa-plus"></i></span>
                    </div>
                </div>
                <div class="center-form-box" v-if="centerAddShowFlag">
                    <h4 class="center-form-title clearfix">新增子类
                        <!--<label class="sfgxmb" for="sfgxmb2" @change="updateTpl('2')" style="float: right"><input id="sfgxmb2" type="checkbox" >是否更新模板</label>--></h4>
                    <ul class="center-form-list" :data="centerKindDetailData">
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">内容：</label>
                            <div class="center-form-content">
                                <textarea class="center-nr" @change="getRightContent"
                                          v-model="centerKindSubmitForm.questionDescription"></textarea>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">编号：</label>
                            <div class="center-form-content">
                                <span class="center-bh">{{addCenterKindDetailData.code}}</span><span
                                    class="center-form-tag form-tag">系统分配</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">创建时间：</label>
                            <div class="center-form-content">
                                <span class="center-cjsj">{{addCenterKindDetailData.createTime | formatterTime}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">创建单位：</label>
                            <div class="center-form-content">
                                <span class="center-cjdw">{{addCenterKindDetailData.deptName}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">标准级别：</label>
                            <div class="center-form-content">
                                <span class="center-bzjb">{{addCenterKindDetailData.deptLevel}}</span>
                            </div>
                        </li>
                        <li class="center-form-item clearfix">
                            <label class="center-form-label">状态：</label>
                            <div class="center-form-content">
                                <span class="center-zt">默认启动</span>
                            </div>
                        </li>
                    </ul>
                    <p class="center-form-btn-box">
                        <button type="button" class="btn btn-cancel btn-zl" @click="cancelCenterAdd">取消</button>
                        <button type="button" class="btn btn-submit add-zl" @click="saveCenterKind">确认</button>
                    </p>
                </div>
            </div>
        </div>
        <div class="right-box">
            <div class="padding-box">
                <div class="right-kind-box">
                    <div class="right-kind-top">
                        <h4 class="kind-title clearfix">检查项<span class="add-right-kind" @click="addRightKind"><i
                                class="fa fa-plus"></i> </span></h4>
                        <div class="search-box">
                            <i class="fa fa-search"></i>
                            <input class="search-input" placeholder="请输入检查项">
                        </div>
                    </div>
                    <div class="right-kind-middle">
                        <ul class="right-kind-list">
                            <li class="right-kind-item" :class="{'active':!index}" @click="selectRightKind(index)"
                                v-for="(rightKind , index) in rightKindData" :key="rightKindData.id">
                                <div class="right-kind-item-box">
                                    <span class="right-kind-left">
                                        <span class="right-kind-title clearfix"><span
                                                class="right-kind-icon"></span><label class="right-kind-item-reason">{{rightKind.questionDescription}}</label></span>
                                        <span class="right-kind-title"><span class="bh">编号：</span><span
                                                class="right-kind-item-num">{{rightKind.sbdm}}</span><span
                                                class="right-kind-item-time">{{rightKind.createTime | formatterTime}}</span><span>创建</span></span>
                                    </span>
                                    <span class="right-kind-right">
                                        <span class="right-kind-tag">{{rightKind.bLevel | formatterBLevel}}</span>
                                    </span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right-info-box" v-if="rightDetailShowFlag">
                    <div class="right-info-middle">
                        <h4 class="right-info-title clearfix">检查详情
                            <button type="button" class="btn btn-delete btn-jcx" style="float: right"
                                    @click="deleteRightKind">删除
                            </button>
                        </h4>
                        <ul class="right-info-list" :data="rightKindDetailData">
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">内容：</label>
                                <div class="right-info-content">
                                    <span class="right-nr">{{rightKindDetailData.questionDescription}}</span>
                                </div>
                            </li>
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">编号：</label>
                                <div class="right-info-content">
                                    <span class="right-bh">{{rightKindDetailData.sbdm}}</span>
                                </div>
                            </li>
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">创建时间：</label>
                                <div class="right-info-content">
                                    <span class="right-cjsj">{{rightKindDetailData.createTime | formatterTime}}</span>
                                </div>
                            </li>
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">创建单位：</label>
                                <div class="right-info-content">
                                    <span class="right-cjdw">{{rightKindDetailData.depName}}</span>
                                </div>
                            </li>
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">标准级别：</label>
                                <div class="right-info-content">
                                    <span class="right-bzjb">{{rightKindDetailData.bLevel | formatterBLevel}}</span>
                                </div>
                            </li>
                            <li class="right-info-item clearfix">
                                <label class="right-info-label">状态：</label>
                                <div class="right-info-content">
                                    <span class="right-zt">{{rightKindDetailData.status}}</span>
                                </div>
                            </li>
                        </ul>
                        <ul class="right-info-progress-box clearfix">
                            <li class="right-info-progress-item wtfsl clearfix">
                                <label class="right-info-label">问题发生率：</label>
                                <div class="right-info-content">
                                    <span class="current-percent-num">{{rightCountData.incidenceTate}}%</span>
                                    <span class="full-percent percent-bar"></span>
                                    <span class="current-percent percent-bar"></span>
                                </div>
                            </li>
                            <li class="right-info-progress-item ecfsl clearfix">
                                <label class="right-info-label">一年内二次发生率：</label>
                                <div class="right-info-content">
                                    <span class="current-percent-num">{{rightCountData.repetitionRate}}%</span>
                                    <span class="full-percent percent-bar"></span>
                                    <span class="current-percent percent-bar"></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right-form-box" v-if="rightAddShowFlag">
                    <h4 class="right-form-title clearfix">新增检查项<label class="sfgxmb" for="sfgxmb3"
                                                                      @change="updateTpl('3')"
                                                                      style="float: right"><input id="sfgxmb3"
                                                                                                  type="checkbox">是否更新模板</label>
                    </h4>
                    <ul class="right-form-list" :data="rightKindDetailData">
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">内容：</label>
                            <div class="right-info-content">
                                <textarea class="right-nr" @change="getRightContent"
                                          v-model="rightKindSubmitForm.questionDescription"></textarea>
                            </div>
                        </li>
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">编号：</label>
                            <div class="right-info-content">
                                <span class="right-bh">{{addRightKindDetailData.code}}</span>
                            </div>
                        </li>
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">创建时间：</label>
                            <div class="right-info-content">
                                <span class="right-cjsj">{{addRightKindDetailData.createTime | formatterTime}}</span>
                            </div>
                        </li>
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">创建单位：</label>
                            <div class="right-info-content">
                                <span class="right-cjdw">{{addRightKindDetailData.deptName}}</span>
                            </div>
                        </li>
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">标准级别：</label>
                            <div class="right-info-content">
                                <span class="right-bzjb">{{addRightKindDetailData.deptLevel }}</span>
                            </div>
                        </li>
                        <li class="right-info-item clearfix">
                            <label class="right-info-label">状态：</label>
                            <div class="right-info-content">
                                <span class="right-zt"><!--{{rightKindDetailData.status}}-->默认启动</span>
                            </div>
                        </li>
                    </ul>
                    <p class="right-form-btn-box">
                        <button type="button" class="btn btn-cancel btn-jcx" @click="cancelJcxAdd">取消</button>
                        <button type="button" class="btn btn-submit add-jcx" @click="saveRightKind">确认</button>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/business/supervisestandard.js?_${.now?long}"></script>
</body>
</html>